<!DOCTYPE html>
<html>

<meta charset="utf-8">
<head th:include="include :: header"></head>

<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<input id="type" name="type" th:value="${type}" class="hidden">
		<div class="row">
			<div class="col-sm-12">
				<div class="columns  col-md-2 nopadding" style="margin-bottom: 5px;">
					<input id="searchName" type="text" class="form-control" placeholder="搜索">
				</div>
				<div class="ibox-content">
					<div id="deptTree"></div>
				</div>
				<div class="form-group hidden">
					<div class="col-sm-12 col-sm-offset-12">
						<button type="submit" class="btn btn-primary">提交</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="include :: footer"></div>


	<script type="text/javascript">
		$(document).ready(function() {
			getTreeData()
			
			var to = false;
			  $('#searchName').keyup(function () {
			    if(to) { clearTimeout(to); }
			    to = setTimeout(function () {
			      var v = $('#searchName').val();
			      $('#deptTree').jstree(true).search(v);
			    }, 250);
			  });
		});
		function getTreeData() {
			$.ajax({
				type : "GET",
				url : "/system/sysDept/tree",
				success : function(tree) {
					loadTree(tree);
				}
			});
		}
		function loadTree(tree) {
			$('#deptTree').jstree({
				'core' : {
					'data' : tree
				},
				"plugins" : [ "search" ]
			});
			$('#deptTree').jstree().open_all();
		}
		$('#deptTree').on("changed.jstree", function(e, data) {
			var type=$("#type").val();
			if(data.node.id!=-1){
				parent.loadDept(data.node.id,data.node.text,type);
				var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
				parent.layer.close(index);
			}
			
		});
		
	</script>
</body>

</html>
